import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';
import Components from 'unplugin-vue-components/vite';
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';

// https://cn.vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    Components({
      resolvers: [AntDesignVueResolver()],
    }),
  ],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'), // 设置 '@' 指向 src 目录
    },
  },
  base: '/', // 设置打包路径
  server: {
    // host: '127.0.0.1', // 监听所有地址, 默认 127.0.0.1
    port: 3000, // 设置服务启动端口号, 默认 3000
    // https: true,
    open: false, // 设置服务启动时是否自动打开浏览器
    cors: true, // 允许跨域
    // 设置代理
    proxy: {
      '^/api/order': {
        target: 'https://mall-order.deep$tel.com.cn', // 删除 $ 后运行
        changeOrigin: true,
        secure: false,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
      '^/api': {
        target: 'https://mall.deep$tel.com.cn', // 删除 $ 后运行
        changeOrigin: true,
        secure: false,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
  },
  build: {
    outDir: 'dist', // 指定输出路径（相对于项目根目录), 默认 dist
    assetsDir: 'assets', // 指定生成静态资源的存放路径（相对于 build.outDir）, 默认 assets
    sourcemap: false, // 构建后是否生成 source map 文件, 默认 false
  },
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
      },
    },
  },
});
